<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>首页</title>
	<link rel="stylesheet" href="images/css/reset.css">
	<link rel="stylesheet" href="images/css/common.css">
	<script src="images/js/jquery-1.8.3.min.js"></script>
</head>
<body>
	<!-- 头部 -->
	<div class="header">
		<div class="container clearfix">
			<div class="h_left fl">
				<div class="logo fl"><a href="javascript:;"><img src="images/logo.jpg" class="logo_img" alt=""></a></div>
				<div class="company_name_box fl">
					<p class="company_name">佛山市<span>某某五金制品</span>有限公司</p>
					<p class="company_desc">专业设计生产和销售幕墙配件、栏杆立柱、楼梯扶手、卫浴五金等制品</p>
				</div>
				<div class="h_call_box fr">
					<div class="h_call">xxxxxxxxxxxx</div>
					<div class="h_call">xxxxxxxxxxxx</div>
				</div>
			</div>
			<div class="h_right fr">		
				<div class="ma">
					<img src="images/erweima.jpg" alt="">
				</div>
			</div>
		</div>
	</div>
	<div class="nav">
		<div class="container">
			<ul class="nav_list">
                <li><a href="/">首页</a></li>
                <li><a href="chanpinliebiao.html">供应产品<span class="icon_down"></span></a>
                    <ul class="sub_nav">
                        <li><a href="javascript:;">移门系列移门系列移门系列</a></li>
                        <li><a href="javascript:;">立柱系列</a></li>
                    </ul>
                </li>
                <li><a href="danyemian.html">公司档案</a></li>
                <li><a href="gongsixiangce.html">公司相册</a></li>
                <li><a href="wenzhangliebiaoye.html">公司动态</a></li>
                <li><a href="shengchanchejian.html">生成车间</a></li>
                <li><a href="danyemian.html">非标定制</a></li>
                <li><a href="lianxiwomen.html">联系方式</a></li>
			</ul>
		</div>
	</div>
  <!-- 以上为公共头部 -->

  <!-- 主体 -->

  <div class="main">
  	<div class="container clearfix">
  		<div class="left_menu fl">
  			<div class="navbox">
                <div class="nav-title">
                    <h2>产品中心</h2>
                    <span class="icon_dot"></span>
                </div>
                <div class="nav-con">
                 <!--   一级分类高亮class：selected
                	二级分类高亮class：left_navactive -->
                    <dl>
                        <dt class="selected">
                            <span class="common-img flex minus"></span>
                            <a href="javascript:;">高立柱系列</a>
                        </dt>
                        <!-- 如果有二级分类 -->
                        <div class="su_leftmenu">
                            <dd class="left_navactive">
                                <a href="javascript:;">沥青基防水涂料</a>
                            </dd>
                        
                            <dd>
                                <a href="javascript:;">聚合物水泥基防水涂料</a>
                            </dd>
                        
                            <dd>
                                <a href="javascript:;">聚氨酯防水涂料</a>
                            </dd>
                            
                        </div>  
                    </dl>
                    <dl>
                        <dt class="">
                            <span class="common-img flex minus"></span>
                            <a href="javascript:;">防水涂料</a>
                        </dt>
                        <div class="su_leftmenu">
                            <dd>
                                <a href="javascript:;">沥青基防水涂料</a>
                            </dd>
                        
                            <dd>
                                <a href="javascript:;">聚合物水泥基防水涂料</a>
                            </dd>
                        
                            <dd>
                                <a href="javascript:;">聚氨酯防水涂料</a>
                            </dd>
                            
                        </div>  
                    </dl>              
                </div><!-- nav-con -->
            </div><!-- navbox -->
             <!-- 公司动态 -->
            <div class="left_lxwm">
            	<h2>公司动态</h2>
            	<div class="left_lxwm_con">
            		<ul class="small_newslist">
            			<li><a href="javascript:;">不锈钢材质分类方法</a></li>
            			<li><a href="javascript:;">不锈钢材质分类方法</a></li>
            			<li><a href="javascript:;">不锈钢材质分类方法</a></li>
            			<li><a href="javascript:;">不锈钢材质分类方法</a></li>
            			<li><a href="javascript:;">不锈钢材质分类方法</a></li>
            		</ul>
            		<p class="txt_right"><small><a class="blue" href="javascript:;">更多>></a></small></p>
            	</div>
            </div>
            <!-- 联系方式 -->
            <div class="left_lxwm">
            	<h2>联系方式</h2>
            	<div class="left_lxwm_con">
            		<p>XXX 先生 （业务部 经理）</p>
            		<p>电      话：XXX</p>
            		<p>传      真：XXX</p>
            		<p>公司地址：XXX</p>
            		<p class="txt_right"><small><a class="blue" href="javascript:;">更多>></a></small></p>
            	</div>
            </div>
            <!-- 友情链接 -->
            <div class="left_lxwm">
              <h2>友情链接</h2>
              <div class="left_lxwm_con">
                <div class="left_friend_links">
                   <a href="javascript:;">骏域网络</a>
                   <a href="javascript:;">百度</a>
                </div>
              </div>
            </div> 

  		</div>
  		<script src="images/js/leftmenu.js"></script>
  		<!-- left_menu -->
  		<div class="right_content fr">
  			<div class="title">
				<h1>公司相册</h1>
			</div>
			<div class="right_con">
				<div class="companypic_list ">
		        	<ul class="clearfix">
						<li>
						    <div class="cover">
						        <a rel="nofollow" target="_blank" href="javascript:;" title="移门系列（SSE03"><img alt="移门系列（SSE03）" src="images/xc1.jpg" data-spm-anchor-id="a2615.7691473.autotrace-albumColumn.i0.7ae4547aqUXx2N"></a>
						        <div class="cover-label"></div>
						    </div>
						    <div class="companypic_title">
						        <a rel="nofollow" target="_blank" title="移门系列（SSE03）" href="javascript:;">移门系列（SSE03）</a>
						    </div>
						    <div class="count">
						        30张图片
						    </div>
						</li>
		        		<li>
						    <div class="cover">
						        <a rel="nofollow" target="_blank" href="javascript:;" title="移门系列（SSE03"><img alt="移门系列（SSE03）" src="images/xc1.jpg" data-spm-anchor-id="a2615.7691473.autotrace-albumColumn.i0.7ae4547aqUXx2N"></a>
						        <div class="cover-label"></div>
						    </div>
						    <div class="companypic_title">
						        <a rel="nofollow" target="_blank" title="移门系列（SSE03）" href="javascript:;">移门系列（SSE03）</a>
						    </div>
						    <div class="count">
						        30张图片
						    </div>
						</li>
		        		<li>
						    <div class="cover">
						        <a rel="nofollow" target="_blank" href="javascript:;" title="移门系列（SSE03"><img alt="移门系列（SSE03）" src="images/xc1.jpg" data-spm-anchor-id="a2615.7691473.autotrace-albumColumn.i0.7ae4547aqUXx2N"></a>
						        <div class="cover-label"></div>
						    </div>
						    <div class="companypic_title">
						        <a rel="nofollow" target="_blank" title="移门系列（SSE03）" href="javascript:;">移门系列（SSE03）</a>
						    </div>
						    <div class="count">
						        30张图片
						    </div>
						</li>
		        		<li>
						    <div class="cover">
						        <a rel="nofollow" target="_blank" href="javascript:;" title="移门系列（SSE03"><img alt="移门系列（SSE03）" src="images/xc1.jpg" data-spm-anchor-id="a2615.7691473.autotrace-albumColumn.i0.7ae4547aqUXx2N"></a>
						        <div class="cover-label"></div>
						    </div>
						    <div class="companypic_title">
						        <a rel="nofollow" target="_blank" title="移门系列（SSE03）" href="javascript:;">移门系列（SSE03）</a>
						    </div>
						    <div class="count">
						        30张图片
						    </div>
						</li>
						<li>
						    <div class="cover">
						        <a rel="nofollow" target="_blank" href="javascript:;" title="移门系列（SSE03"><img alt="移门系列（SSE03）" src="images/xc1.jpg" data-spm-anchor-id="a2615.7691473.autotrace-albumColumn.i0.7ae4547aqUXx2N"></a>
						        <div class="cover-label"></div>
						    </div>
						    <div class="companypic_title">
						        <a rel="nofollow" target="_blank" title="移门系列（SSE03）" href="javascript:;">移门系列（SSE03）</a>
						    </div>
						    <div class="count">
						        30张图片
						    </div>
						</li>
		        	</ul>
		        </div><!-- pro_demo_list -->

		        <!-- 分页 -->
				<div class="pages">
			        <span><a href="javascript:;" class="pre-disabled">上一页</a></span>
			        <span><a class="current" href="">1</a></span>
			        <span> <a href="">2</a></span>
			        <span><a class="next" href="">下一页</a></span>
			        <span>共<em class="page-count">7</em>页&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
			        <span>到<input type="text" autocomplete="off" class="pnum">页</span>
			        <span class="btn_page"><a href="#" class="goto-page"><em>确 定</em></a></span>
				</div>
			</div><!-- right_con -->
  		</div><!-- right_content -->
  	</div>
  </div>


  <!-- 以下为公共底部 -->
	<div class="footer">	
   	   <div class="footer_nav">
       	   	<div class="container">
       	   	 <ul>
       	   	 	<li><a href="javascript:;">高立柱系列</a></li>
       	   	 	<li><a href="javascript:;">高立柱系列</a></li>
       	   	 	<li><a href="javascript:;">高立柱系列</a></li>
       	   	 	<li><a href="javascript:;">高立柱系列</a></li>
       	   	 	<li><a href="javascript:;">高立柱系列</a></li>
       	   	 	<li><a href="javascript:;">高立柱系列</a></li>
       	   	 	<li><a href="javascript:;">高立柱系列</a></li>
       	   	 	<li><a href="javascript:;">高立柱系列</a></li>
       	   	 </ul>
       	   	</div>
   	   </div>
   	   <div class="footer_bottom">
   	   	<div class="container clearfix">
   	   		<div class="fl">
	   	   	 	<img src="images/footer_logo.png" alt="" class="fl">
	   	   	 	<div class="footer_address_box fl">
	   	   	 		<div class="footer_address">
	   	   	 			<p>佛山市顺德区某某五金制品公司</p>
		   	   	 		<p>电话:XXX</p>
		   	   	 		<p>地址：XXX</p>
	   	   	 		</div>
	   	   	 	</div>
	   	   	 </div>
	   	   	 <div class="fr">
	   	   	 	<img src="images/ma.jpg" alt="">
	   	   	 </div>
	   	</div>
   	   </div>
       </div>
	</div>
</body>
</html>